<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>海报分享 -soku.cc 搜库资源网</title>
    <link href="../../css/share_poster/bootstrap.css" rel="stylesheet" />
    <link href="../../css/share_poster/swiper.css" rel="stylesheet" />
    <style>
        #my_code { position: absolute; z-index: 99; top: 40.1%; left: 31%; width: 38%; }
        #my_code canvas { width: 100%; height: auto; }
        .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -30px; left: 0; width: 100%; }
        .swiper-container { margin: 0 auto; overflow: hidden!important; z-index: 1; /* background: linear-gradient(to right,#f370af 0,#5515ee 100%);*/ }
        .swiper-pagination-bullet { width: 15px; height: 8px; border-radius: 8px; }

        .footer { z-index: 2; position: fixed; bottom: 0; display: block; width: 100%; height: 100px; /*border-top: 1px solid #f0f0f0; */}
        .bt1 { display: inline-block; width: 90%; background: linear-gradient(to right,#f0ad4e ,#ef554e);text-align: center; height: 40px; line-height: 40px; border-radius: 25px; color: #ffffff; font-size: 12px; margin-top: 10px; }
        .bt2 { display: inline-block; width: 90%; background: linear-gradient(to right,#555555,#000000); text-align: center; height: 40px; line-height: 40px; border-radius: 25px; color: #ffffff; font-size: 12px; margin-top: 10px; }
        .my_code { position: absolute; width: 27%; height: 18%; bottom: 6.7%; left: 36.5%; }
        .my_code canvas { height: 100%; width: 100%; }

        .box { display: inline-block; width: 80%; position: relative; }
    </style>
</head>
<body>
    <div class="swiper-container" style="margin-top:30px">
        <div class="swiper-wrapper">
            <div class="swiper-slide text-center">
                <div class="box" >
                    <img src="" style="border-radius: 20px; height:auto;width:100%" />
                    <div class="my_code"></div>
                </div>
            </div>



        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="footer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-6 text-center" onclick="CanvasImg()" tapmode="cb">
                    <span class="bt1">分享好友</span>
                </div>
                <div class="col-xs-6 text-center" onclick="savePicture()" tapmode="cb">
                    <span class="bt2 down2">保存海报</span>

                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../script/share_poster/jquery-1.11.1.js"></script>
<script type="text/javascript" src="../../script/share_poster/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="../../script/share_poster/api.js"></script>
<script type="text/javascript" src="../../script/share_poster/swiper.js"></script>
<script type="text/javascript" src="../../script/share_poster/html2canvas.js"></script>
<script type="text/javascript" src="../public/public.js"></script>
<script src="./js/a.js"></script>
</html>
